import React, {useState, useEffect} from 'react';
import {withRouter} from 'react-router-dom';

import {Tabs} from 'antd';
import AdvList from './advList';
import RoomList from './roomList';
import './index.styl';

const {TabPane} = Tabs;

function Index(props) {
    return (
        <Tabs
            className="sales"
            defaultActiveKey="1"
            animated={false}
            tabBarGutter={30}
        >
            <TabPane tab="投放填报" key="1">
                <AdvList />
            </TabPane>
            <TabPane tab="群明细" key="2">
                <RoomList />
            </TabPane>
        </Tabs>
    );
}

export default withRouter(Index);
